<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首都师范大学图书馆</title>
	<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="lib/swiper/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/style.min.css">
	<link rel="stylesheet" href="css/style.css">
	<!--[if lt IE 9]>
	      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	 <![endif]-->
	 <style>
		

	 </style>
</head>
<body>
	<div class="wrapper">
		<div class="topbar">
			<div class="container">
				<div class="nav-right">
					<ul class="topnav">
						<li><a href="index.html">首页</a></li>
						<li><a href="list.html" class="active">资源概览</a></li>
						<li><a href="">读者服务</a></li>
						<li><a href="">本馆概况</a></li>
						<li><a href="">帮助</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="lib_hd">
		          <div class="container">
		            <div class="nav-left">
		            
		                
		            
		                 <a href="index.html" class="logo" title="首都师范大学图书馆">
		                    <img src="images/logo.png" alt="">
		                
		                </a>
		            </div>
		         <!--    <div class="nav-right">
		               	<div class="notice">
							<i class="icon_notice"></i>
							<span>开始时间：早上9:00——下午21:00</span>
					
						</div>
		                <ul class="nav nav-right">
		                    
		                               
		                   
		                  
		                  <li><a href="http://202.204.214.94:8991/F?func=bor-info">个人借阅信息</a></li>
		                  <li><a href="">馆藏布局</a></li>
		                  <li><a href="">借阅规则</a></li>
		                  <li><a href="http://202.204.214.175:8080/opac_two/duanxin/login.jsp">短信服务</a></li>
		                  <li><a href="">开馆时间</a></li>
		                  <li><a href="">馆长信箱</a></li>
		                    
		                   
		                </ul>
		            </div> -->
		           </div>  
		        </div>
		
		<div class="lib_bd">
			<div class="container">
				<div class="row">
					
					<div class="col-md-3">
						
						<nav class="navbar-default navbar-static-side" role="navigation">
						    <div class="nav-close"><i class="fa fa-times-circle"></i>
						    </div>
						    <div class="sidebar-collapse">
						        <ul class="nav" id="side-menu">
						        
						            <li>
						                <a href="#">
						                   
						                    <span class="nav-label">数字资源</span>
						                   
						                </a>
						                <ul class="nav nav-second-level">
						                    <li>
						                        <a class="J_menuItem" href="index_v1.html" data-index="0">常用数据库
		                            </a>
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="index_v2.html"> 中文数据库</a>
		                           
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="index_v3.html">外文数据库</a>
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="index_v4.html">特色文献查找</a>
						                    </li>
						                    <li>
						                        <a href="index_v5.html" target="_blank">资源荐购</a>
						                    </li>
						                    <li>
						                        <a href="index_v5.html" target="_blank">校外访问</a>
						                    </li>
						                </ul>

						            </li>
						            <li>
						                <a class="J_menuItem" href="layouts.html"><span class="nav-label">特色文献查找</span></a>
						            </li>
						            <li>
						                <a href="#">
						                   
						                    <span class="nav-label">资源荐购</span>
						                    
						                </a>
						                <ul class="nav nav-second-level">
						                    <li>
						                        <a class="J_menuItem" href="graph_echarts.html">百度ECharts</a>
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="graph_flot.html">Flot</a>
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="graph_morris.html">Morris.js</a>
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="graph_rickshaw.html">Rickshaw</a>
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="graph_peity.html">Peity</a>
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="graph_sparkline.html">Sparkline</a>
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="graph_metrics.html">图表组合</a>
						                    </li>
						                </ul>
						            </li>

						            <li>
						                <a href="mailbox.html"> <span class="nav-label">校外访问 </span></a>
						                <ul class="nav nav-second-level">
						                    <li><a class="J_menuItem" href="mailbox.html">收件箱</a>
						                    </li>
						                    <li><a class="J_menuItem" href="mail_detail.html">查看邮件</a>
						                    </li>
						                    <li><a class="J_menuItem" href="mail_compose.html">写信</a>
						                    </li>
						                </ul>
						            </li>
						            <li>
						                <a href="#"><span class="nav-label">外文数据库</span></a>
						                <ul class="nav nav-second-level">
						                    <li><a class="J_menuItem" href="form_basic.html">基本表单</a>
						                    </li>
						                    <li><a class="J_menuItem" href="form_validate.html">表单验证</a>
						                    </li>
						                    <li><a class="J_menuItem" href="form_advanced.html">高级插件</a>
						                    </li>
						                    <li><a class="J_menuItem" href="form_wizard.html">表单向导</a>
						                    </li>
						                    <li>
						                        <a href="#">文件上传 <span class="badge badge-white">3</span></a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="form_webuploader.html">百度WebUploader</a>
						                            </li>
						                            <li><a class="J_menuItem" href="form_file_upload.html">DropzoneJS</a>
						                            </li>
						                            <li><a class="J_menuItem" href="form_avatar.html">头像裁剪上传</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li>
						                        <a href="#">编辑器 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="form_editors.html">富文本编辑器</a>
						                            </li>
						                            <li><a class="J_menuItem" href="form_simditor.html">simditor</a>
						                            </li>
						                            <li><a class="J_menuItem" href="form_markdown.html">MarkDown编辑器</a>
						                            </li>
						                            <li><a class="J_menuItem" href="code_editor.html">代码编辑器</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li><a class="J_menuItem" href="suggest.html">搜索自动补全</a>
						                    </li>
						                    <li><a class="J_menuItem" href="layerdate.html">日期选择器layerDate</a>
						                    </li>
						                </ul>
						            </li>
						            <li>
						                <a href="#"><span class="nav-label">中文数据库</span></a>
						                <ul class="nav nav-second-level">
						                    <li><a class="J_menuItem" href="contacts.html">联系人</a>
						                    </li>
						                    <li><a class="J_menuItem" href="profile.html">个人资料</a>
						                    </li>
						                    <li>
						                        <a href="#">项目管理 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="projects.html">项目</a>
						                            </li>
						                            <li><a class="J_menuItem" href="project_detail.html">项目详情</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li><a class="J_menuItem" href="teams_board.html">团队管理</a>
						                    </li>
						                    <li><a class="J_menuItem" href="social_feed.html">信息流</a>
						                    </li>
						                    <li><a class="J_menuItem" href="clients.html">客户管理</a>
						                    </li>
						                    <li><a class="J_menuItem" href="file_manager.html">文件管理器</a>
						                    </li>
						                    <li><a class="J_menuItem" href="calendar.html">日历</a>
						                    </li>
						                    <li>
						                        <a href="#">博客 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="blog.html">文章列表</a>
						                            </li>
						                            <li><a class="J_menuItem" href="article.html">文章详情</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li><a class="J_menuItem" href="faq.html">FAQ</a>
						                    </li>
						                    <li>
						                        <a href="#">时间轴 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="timeline.html">时间轴</a>
						                            </li>
						                            <li><a class="J_menuItem" href="timeline_v2.html">时间轴v2</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li><a class="J_menuItem" href="pin_board.html">标签墙</a>
						                    </li>
						                    <li>
						                        <a href="#">单据 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="invoice.html">单据</a>
						                            </li>
						                            <li><a class="J_menuItem" href="invoice_print.html">单据打印</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li><a class="J_menuItem" href="search_results.html">搜索结果</a>
						                    </li>
						                    <li><a class="J_menuItem" href="forum_main.html">论坛</a>
						                    </li>
						                    <li>
						                        <a href="#">即时通讯 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="chat_view.html">聊天窗口</a>
						                            </li>
						                            <li><a class="J_menuItem" href="webim.html">layIM</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li>
						                        <a href="#">登录注册相关 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a href="login.html" target="_blank">登录页面</a>
						                            </li>
						                            <li><a href="login_v2.html" target="_blank">登录页面v2</a>
						                            </li>
						                            <li><a href="register.html" target="_blank">注册页面</a>
						                            </li>
						                            <li><a href="lockscreen.html" target="_blank">登录超时</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li><a class="J_menuItem" href="404.html">404页面</a>
						                    </li>
						                    <li><a class="J_menuItem" href="500.html">500页面</a>
						                    </li>
						                    <li><a class="J_menuItem" href="empty_page.html">空白页</a>
						                    </li>
						                </ul>
						            </li>
						            <li>
						                <a href="#"><span class="nav-label">测试数据库</span></a>
						                <ul class="nav nav-second-level">
						                    <li><a class="J_menuItem" href="typography.html">排版</a>
						                    </li>
						                    <li>
						                        <a href="#">字体图标 </a>
						                        <ul class="nav nav-third-level">
						                            <li>
						                                <a class="J_menuItem" href="fontawesome.html">Font Awesome</a>
						                            </li>
						                            <li>
						                                <a class="J_menuItem" href="glyphicons.html">Glyphicon</a>
						                            </li>
						                            <li>
						                                <a class="J_menuItem" href="iconfont.html">阿里巴巴矢量图标库</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li>
						                        <a href="#">拖动排序 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="draggable_panels.html">拖动面板</a>
						                            </li>
						                            <li><a class="J_menuItem" href="agile_board.html">任务清单</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li><a class="J_menuItem" href="buttons.html">按钮</a>
						                    </li>
						                    <li><a class="J_menuItem" href="tabs_panels.html">选项卡 &amp; 面板</a>
						                    </li>
						                    <li><a class="J_menuItem" href="notifications.html">通知 &amp; 提示</a>
						                    </li>
						                    <li><a class="J_menuItem" href="badges_labels.html">徽章，标签，进度条</a>
						                    </li>
						                    <li>
						                        <a class="J_menuItem" href="grid_options.html">栅格</a>
						                    </li>
						                    <li><a class="J_menuItem" href="plyr.html">视频、音频</a>
						                    </li>
						                    <li>
						                        <a href="#">弹框插件 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="layer.html">Web弹层组件layer</a>
						                            </li>
						                            <li><a class="J_menuItem" href="modal_window.html">模态窗口</a>
						                            </li>
						                            <li><a class="J_menuItem" href="sweetalert.html">SweetAlert</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li>
						                        <a href="#">树形视图 </a>
						                        <ul class="nav nav-third-level">
						                            <li><a class="J_menuItem" href="jstree.html">jsTree</a>
						                            </li>
						                            <li><a class="J_menuItem" href="tree_view.html">Bootstrap Tree View</a>
						                            </li>
						                            <li><a class="J_menuItem" href="nestable_list.html">nestable</a>
						                            </li>
						                        </ul>
						                    </li>
						                    <li><a class="J_menuItem" href="toastr_notifications.html">Toastr通知</a>
						                    </li>
						                    <li><a class="J_menuItem" href="diff.html">文本对比</a>
						                    </li>
						                    <li><a class="J_menuItem" href="spinners.html">加载动画</a>
						                    </li>
						                    <li><a class="J_menuItem" href="widgets.html">小部件</a>
						                    </li>
						                </ul>
						            </li>
						            <li>
						                <a href="#"><span class="nav-label">免费资源</span></a>
						                <ul class="nav nav-second-level">
						                    <li><a class="J_menuItem" href="table_basic.html">基本表格</a>
						                    </li>
						                    <li><a class="J_menuItem" href="table_data_tables.html">DataTables</a>
						                    </li>
						                    <li><a class="J_menuItem" href="table_jqgrid.html">jqGrid</a>
						                    </li>
						                    <li><a class="J_menuItem" href="table_foo_table.html">Foo Tables</a>
						                    </li>
						                    <li><a class="J_menuItem" href="table_bootstrap.html">Bootstrap Table
						                        <span class="label label-danger pull-right">推荐</span></a>
						                    </li>
						                </ul>
						            </li>
						            <li>
						                <a href="#"> <span class="nav-label">自建数据库</span></a>
						                <ul class="nav nav-second-level">
						                    <li><a class="J_menuItem" href="basic_gallery.html">基本图库</a>
						                    </li>
						                    <li><a class="J_menuItem" href="carousel.html">图片切换</a>
						                    </li>
						                    <li><a class="J_menuItem" href="layerphotos.html">layer相册</a>
						                    </li>
						                    <li><a class="J_menuItem" href="blueimp.html">Blueimp相册</a>
						                    </li>
						                </ul>
						            </li>
						            <li>
						                <a class="J_menuItem" href="css_animation.html"> <span class="nav-label">试用数据库</span></a>
						            </li>
						            <li>
						                <a href="#"> <span class="nav-label">中文数据库 </span></a>
						                <ul class="nav nav-second-level">
						                    <li><a class="J_menuItem" href="form_builder.html">表单构建器</a>
						                    </li>
						                </ul>
						            </li>

						        </ul>
						    </div>
						</nav>

					</div>
					<div class="col-md-9" style="padding-left: 0px">
						
						<ol class="breadcrumb">
								  <li><a href="./demo.html">首页</a></li>
								  <li class="active">资源</li>
						</ol>

						<div class="list">
							
							<div class="list_tit mt15">
							
							<div class="row">
								<div class="col-md-8">
								 <ul>
								 	<li>
								 		<label>数字：</label>
								 		<select name="drop2" class="ui-select">
								 			<option value="">全部</option>
								 			<option value="1">选项1</option>
								 			<option value="2">选项2</option>
								 			<option value="3">选项3</option>
								 		</select>
								 	</li>
								 	<li>
								 	 <label>语言：</label>
								 		<select name="drop2" class="ui-select">
								 			<option value="">全部</option>
								 			<option value="1">选项1</option>
								 			<option value="2">选项2</option>
								 			<option value="3">选项3</option>
								 		</select>
								 	</li>
								 	<li>
								 		<label>数字：</label>
								 		<select name="drop2" class="ui-select">
								 			<option value="">全部</option>
								 			<option value="1">选项1</option>
								 			<option value="2">选项2</option>
								 			<option value="3">选项3</option>
								 		</select>
								 	</li>
								 	<li>
								 	<label>数字：</label>
								 		<select name="drop2" class="ui-select">
								 			<option value="">全部</option>
								 			<option value="1">选项1</option>
								 			<option value="2">选项2</option>
								 			<option value="3">选项3</option>
								 		</select>
								 	</li>
								 </ul>
								</div>
								<div class="col-md-4">
									
									<input type="text" placeholder="书名/作者" class="input form-control pull-left">
									<span class="input-group-btn">
									      <button type="button" class="btn btn-success pull-left" > 搜索</button>
									</span>
								</div>






							</div>
							</div>
							<div class="list_content mt10">
								
								<div class="project-list">

								                            <table class="table table-hover">
								                                <tbody>
								                                    <tr>
								                                        <td class="project-status">
								                                            <img alt="image" src="images/11.png">
								                                        </td>
								                                        <td class="project-title">
								                                            <a href="#">中国博士学位论文全文数据库(CNKI)</a>
								                                            <br>
								                                            <small>别名：中国优秀波硕论文;CNKI;中国知网；中国期刊网</small>
								                                        </td>
								                                  
								                                    
								                                        <td class="project-actions">
								                                           
								                                            <a href="detail.html" class="btn btn-white">详情</a>
								                                        </td>
								                                    </tr>
								                                    <tr>
								                                        <td class="project-status">
								                                            <img alt="image" src="images/22.png"></td>
								                                        <td class="project-title">
								                                            <a href="project_detail.html">米莫说｜MiMO Show</a>
								                                            <br>
								                                            <small>创建于 2014.08.15</small>
								                                        </td>
								                                   
								                                     
								                                        <td class="project-actions">
								                                            <a href="detail.html" class="btn btn-rounded">详情 </a>
								                                          
								                                        </td>
								                                    </tr>
								                                    <tr>
								                                        <td class="project-status">
								                                            <img alt="image" src="images/33.png"></td>
								                                        <td class="project-title">
								                                            <a href="#">商家与购物用户的交互试衣应用</a>
								                                            <br>
								                                            <small>创建于 2014.08.15</small>
								                                        </td>
								                                   
								                                        <td class="project-actions">
								                                            <a href="detail.html" class="btn btn-white"> 详情</a>
								                                           
								                                        </td>
								                                    </tr>
								                                  
								                                    
								                                    
								                                    <tr>
								                                        <td class="project-status">
								                                            <img alt="image" src="images/22.png"></td>
								                                        <td class="project-title">
								                                            <a href="project_detail.html">米莫说｜MiMO Show</a>
								                                            <br>
								                                            <small>创建于 2014.08.15</small>
								                                        </td>
								                                    
								                                     
								                                        <td class="project-actions">
								                                            <a href="detail.html" class="btn btn-rounded">详情 </a>
								                                          
								                                        </td>
								                                    </tr>
								                                    
								                                    <tr>
								                                        <td class="project-status">
								                                            <img alt="image" src="images/11.png">
								                                        </td>
								                                        <td class="project-title">
								                                            <a href="#">中国博士学位论文全文数据库(CNKI)</a>
								                                            <br>
								                                            <small>别名：中国优秀波硕论文;CNKI;中国知网；中国期刊网</small>
								                                        </td>
								                                    
								                                    
								                                        <td class="project-actions">
								                                           
								                                            <a href="detail.html" class="btn btn-white">详情</a>
								                                        </td>
								                                    </tr>
								                                    
								                                    <tr>
								                                        <td class="project-status">
								                                            <img alt="image" src="images/33.png"></td>
								                                        <td class="project-title">
								                                            <a href="#">商家与购物用户的交互试衣应用</a>
								                                            <br>
								                                            <small>创建于 2014.08.15</small>
								                                        </td>
								                                    
								                                        <td class="project-actions">
								                                            <a href="detail.html" class="btn btn-white"> 详情</a>
								                                           
								                                        </td>
								                                    </tr>

								                                    </tbody>
								                                </table>
								                            </div>
							</div>
							<div class="list_ft">
								
							<div class="text-right">
								<span>共40条，每也显示</span>
								 <select class="form-control m-b page_select" name="account">
									                <option>10</option>
									                <option>20</option>
									                <option>30</option>
									               
								</select>
							                            <div class="pagination">
							                                <button class="btn btn-white btn-num btn-circle" type="button"><i class="fa fa-chevron-left"></i>
							                                </button>
							                                <button class="btn btn-white btn-num">1</button>
							                                <button class="btn btn-white btn-num active">2</button>
							                                <button class="btn btn-white btn-num">3</button>
							                                <button class="btn btn-white btn-num">4</button>
							                                <button class="btn btn-white btn-num">5</button>
							                                <button class="btn btn-white btn-num">6</button>
							                                <button class="btn btn-white btn-num">7</button>
							                                <button class="btn btn-white btn-num btn-circle" type="button"><i class="fa fa-chevron-right"></i>
							                                </button>
							                            </div>
							     <span>第</span>   
							     <input type="text" class="page_input" value="40">
							     <span>页</span>
							     <a href="" class="btn btn-circle"><i class="fa fa-refresh"></i></a>                   
							  </div>
								
							</div>
						</div>
					</div>					
				</div>
			</div>
		</div>
		<div class="lib_ft">
				
					<div class="friendlink">
						<div class="container">	
						<span>友情链接：</span>
						<ul>
						<li><a href="http://www.cnu.edu.cn/">首都师范大学</a></li>
						<li><a href="http://202.112.118.46/index.html">BALIS</a></li>
						<li><a href="http://www.calis.edu.cn/calisnew/">CALIS</a></li>
						<li><a href="http://www.netlib.edu.cn/">北京高校网络图书馆</a></li>
						<li><a href="http://202.204.214.131/service/lib_domestic">国内网上图书馆</a></li>
						<li><a href="http://mail.cnu.edu.cn/">首师亿邮</a></li>
						<li><a href="http://oa.cnu.edu.cn/">办公系统</a></li>
						</ul>
						</div>
					</div>
					<div class="ft_con text-center">
						<div class="container">	
						<p>联系方式：010-68903330 cnulib@cnu.edu.cn</p>
						<p><span>访问统计：今日访问人次8899</span><span>累计访问人次：12345678</span></p>
						<p class="text-center">首都师范大学图书馆版权所有</p>
						</div>
					</div>

				</div>

		
	</div>

	
</body>
<script src="lib/jquery.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/swiper/swiper.min.js">	</script>
<script src="lib/jquery-ui/jquery-ui.min.js">	</script>
<script src="lib/select-widget-min.js">	</script>
<script src="lib/metisMenu/jquery.metisMenu.js"></script>

<script src="lib/slimscroll/jquery.slimscroll.min.js"></script>

<script type="text/javascript">
	
	$(function(){
		 $("#side-menu").metisMenu();
		

		 $(".sidebar-collapse").slimScroll({
		     height: "100%",
		     railOpacity: .9,
		     alwaysVisible: !1
		 });


		 var mySwiper = new Swiper ('.swiper-container', {
		   
		   loop: true,
		   
		   // 如果需要分页器
		   pagination: '.swiper-pagination',
		   paginationBulletRender: function (swiper, index, className) {
		     return '<span class="' + className + '">' + (index + 1) + '</span>';
		 },
		   paginationClickable: true,
		   spaceBetween: 30,
		   centeredSlides: true,
		   autoplay: 2500,
		   autoplayDisableOnInteraction: false
		 })   

		 $(".ui-select").selectWidget({
		 	change       : function (changes) {
		 		return changes;
		 	},
		 	effect       : "slide",
		 	keyControl   : true,
		 	speed        : 200,
		 	scrollHeight : 250
		 });
	});
</script>
<script>        
     
  </script>
</html>